<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>
            豆瓣市集
        </title>
        <link rel="stylesheet" type="text/css" href="css/cp.css"/>
        <link rel="stylesheet" href="iconfont/iconfont.css">
        <script type="text/javascript" src="JQ/jquery2.1.0/jquery-2.1.0.js"></script>
        <link rel="stylesheet" type="text/css" href="font_qouumjrjvp25ipb9/iconfont.css"/>
        <script type="text/javascript" src="js/ajax.js">
            
        </script>
        <link rel="stylesheet" type="text/css" href="font_7kiafdr5mzfwp14i/iconfont.css"/>
    </head>
    <body>
        <!--header-->
        <div id="header">
            <ul class="left">
                <li><a href="#">豆瓣</a></li>
                <li><a href="#">读书</a></li>
                <li><a href="#">电影</a></li>
                <li><a href="#">音乐</a></li>
                <li><a href="#">同城</a></li>
                <li><a href="#">小组</a></li>
                <li><a href="#">阅读</a></li>
                <li><a href="#">FM</a></li>
                <li><a href="#">时间</a></li>
                <li><a href="#">东西</a></li>
                <li><a href="#">市集</a></li>
                <li><a href="#">更多</a></li>
            </ul>
            <ul class="right">
                <li id="hov"><a href="#" class="hov">下载豆瓣客户端</a></li>
                <div class="khd">
                    <img src="images/nav_doubanapp_6.png" class="lo1"/>
                    <h2>豆瓣</h2>
                    <p class="p1">我 们 的 精 神 角 落</p>
                    <img src="images/nav_doubanapp_6_qrcode.png" class="lo2"/>
                    <p class="p2"><a href="#">iPhone</a> . <a href="#">Android</a></p>
                </div>
                <li><a href="http://127.0.0.1:8020/doubanmarket/dl.html">登录</a></li>
                <li><a href="http://127.0.0.1:8020/doubanmarket/jiahao.html">注册</a></li>
            </ul>
        </div>
        <script type="text/javascript" src="js/khd.js"></script>
        <!--sy-->
        <div id="sy">
        	<div class="sy">
        		<img src="images/2e35f89d2c7990d.jpg"/>
        		<ul>
        			<li><a href="">首页</a></li>
        			<li><a href="">全部产品</a></li>
        			<li><a href="">/上装</a></li>
        			<li><a href="">/下装</a></li>
        			<li><a href="">/配饰</a></li>
        			<li><a href="">/秋冬卫衣79包邮!</a></li>
        		</ul>
        		<div class="soos">
					<input type="text" name="ss" id="ss" value="" />
					<button type="submit" class="submit">
						<i class="iconfont icon-more"></i>
					</button>
				</div>
				<div class="peo">
					<img src="images/user_large.jpg" class="img3"/>
					<span><a href="">个人中心</a></span>
				</div>
				<div class="square">
					<p><a href="">市集/纸书订单</a></p>
					<p><a href="">我的优惠券</a></p>
					<p><a href="">收货地址管理</a></p>
				</div>
        	</div>
        </div>
        <!--bt-->
        <div id="bt">
        	<div class="bt">
        		<h3>全部商品</h3>
        		<input type="button" name="gz" id="gz" value="关注店铺" />
        		<ul>
        			<li class="li1"><span class="s1">9574</span><span class="s2">人关注</span></li>
        			<li class="li2"><a href="http://127.0.0.1:8020/doubanmarket/dbsj.html">返回市集首页</a></li>
        		</ul>
        	</div>
        </div>
        <!--zs-->
        <div id="zs">
        	<div class="zs clearfix">
        		<div class="left">
        			<div class="top">
        				<img src="images/p1964580.jpg" alt="" class="img1">
        				<img src="images/p1964581(1).jpg" alt="" />
        				<img src="images/p1964582 (1).jpg" alt="" />
        				<img src="images/p1964583 (1).jpg" alt="" />
        				<img src="images/p1964584 (1).jpg" alt="" />
        			</div>
        			<div class="bottom">
        				<img src="images/p1964580(1).jpg" alt="" />
        				<img src="images/p1964581.jpg" alt="" />
        				<img src="images/p1964582.jpg" alt="" />
        				<img src="images/p1964583.jpg" alt="" />
        				<img src="images/p1964584.jpg" alt="" />
        			</div>
        		</div>
        		<div class="right">
        			<h3>ERICD2017新版型新面料爆款T恤99元3件装</h3>
        			<h4>ERICD</h4>
        			<p class="p1"><span class="s1"><span>￥</span><span class="ss1">99.00</span></span><span class="s2"><span>￥</span><span class="ss2">199.00</span></span></p>
        			<p class="p2"><span class="s1">运费 :</span><span class="s2 sss2">0.00</span><span class="s3">元</span></p>
        			<div class="d1">
        				<p>衣长 : 常规</p>
        				<p>材质  : 棉</p>
        				<p>薄厚 : 常规</p>
        			</div>
        			<div class="d2 clearfix">
        				<span>颜色 :</span>
        				<div>
        					<span class="s1">黑白灰</span>
        					<span>黑黑黑</span>
        					<span>白白白</span>
        					<span>灰灰灰</span>
        					<span>黑黑白</span>
        					<span>黑黑灰</span>
        					<span>白白灰</span>
        					<span>白白黑</span>
        					<span>灰灰白</span>
        					<span>灰灰黑</span>
        				</div>
        			</div>
        			<div class="d3">
        				<span>尺寸 :</span>
        				<div>
        					<span class="s1">s</span>
        					<span>m</span>
        					<span>l</span>
        					<span>xl</span>
        					<span>xxl</span>
        				</div>
        			</div>
        			<div class="d4">
        				<span>数量</span>
        				<div>
        					<input type="button" name="jian" id="jian" value="-" />
        					<input class="sap1" value="1" type="text">
        					<input type="button" name="jia" id="jia" value="+" />
        					<span class="s2">库存充足</span>
        				</div>
        			</div>
        			<p class="p3">
        				<input type="button" name="gm" id="gm" value="立即购买" />
        			</p>
        			<div class="p4">
        				<ul>
        					<li>豆瓣市集担保</li>
        					<li>七天无理由退货</li>
        					<li>正品保证</li>
        					<li>独立品牌</li>
        				</ul>
        			</div>
        			<div class="d5">
        				<span class="s1">
        					<i class="iconfont icon-heart"></i>
        					<span>50</span>
        				</span>
        				<span class="s2">
        					<i class="iconfont icon-fenxiang"></i>
        					<span id="">
        						分享到
        					</span>
        				</span>
        				<span class="s3">
        					<i class="iconfont icon-liaotian"></i>
        					<span>豆邮店主</span>
        				</span>
        			</div>
        		</div>
        	</div>
        </div>
        <!--jieshao-->
        <div id="jies">
        	<div class="jies clearfix">
        		<div class="left">
        			<div class="top">
        				<span class="sg">商品详情</span>
        				<span>评价</span>
        				<span>讨论</span>
        				<ul>
        					<li>购物说明</li>
        					<li class="li1">联系豆瓣</li>
        				</ul>
        			</div>
        			<div class="bottom">
        				<div class="xq magic zzz">
        					<div>
        						<p class="p1">现货发售，24小时发货，默认韵达速递</p>
        						<p class="p2">如需不同尺码下单请备注！！否则默认发同码产品</p>
        						<img src="images/p1964557.jpg"/>
        						<img src="images/p1964558.jpg"/>
        						<img src="images/p1964559.jpg"/>
        						<img src="images/p1964560.jpg"/>
        						<img src="images/p1964561.jpg"/>
        						<img src="images/p1964562.jpg"/>
        						<img src="images/p1964563.jpg"/>
        						<img src="images/p1964564.jpg"/>
        						<img src="images/p1964565.jpg"/>
        						<img src="images/p1964566.jpg"/>
        						<img src="images/p1964567.jpg"/>
        						<img src="images/p1964568.jpg"/>
        						<img src="images/p1964569.jpg"/>
        						<img src="images/p1964570.jpg"/>
        						<img src="images/p1964571.jpg"/>
        						<img src="images/p1964572.jpg"/>
        						<img src="images/p1964573.jpg"/>
        						<img src="images/p1964574.jpg"/>
        						<img src="images/p1964575.jpg"/>
        						<img src="images/p1964576.jpg"/>
        						<img src="images/p1964577.jpg"/>
        						<img src="images/p1964578.jpg"/>
        						<img src="images/p1964579.jpg"/>
        					</div>
        				</div>
        				<div class="pj zzz">
        					<div class="top clearfix">
        						<p class="clearfix">
        							<i class="iconfont icon-xing2"></i>
        							<i class="iconfont icon-xing2"></i>
        							<i class="iconfont icon-xing2"></i>
        							<i class="iconfont icon-xing2"></i>
        							<i class="iconfont icon-xing2"></i>
        							<span class="s1">:</span>
        							<span class="s2"></span>
        							<span class="s3">0</span>
        							<span class="s4">很好</span>
        						</p>
        						<p class="clearfix p1">
        							<i class="iconfont icon-xing2"></i>
        							<i class="iconfont icon-xing2"></i>
        							<i class="iconfont icon-xing2"></i>
        							<i class="iconfont icon-xing2"></i>
        							<span class="s1">:</span>
        							<span class="s2"></span>
        							<span class="s3">0</span>
        							<span class="s4">较好</span>
        						</p>
        						<p class="clearfix p2">
        							<i class="iconfont icon-xing2"></i>
        							<i class="iconfont icon-xing2"></i>
        							<i class="iconfont icon-xing2"></i>
        							<span class="s1">:</span>
        							<span class="s2"></span>
        							<span class="s3">0</span>
        							<span class="s4">一般</span>
        						</p>
        						<p class="clearfix p3">
        							<i class="iconfont icon-xing2"></i>
        							<i class="iconfont icon-xing2"></i>
        							<span class="s1">:</span>
        							<span class="s2"></span>
        							<span class="s3">0</span>
        							<span class="s4">差</span>
        						</p>
        						<p class="clearfix p4">
        							<i class="iconfont icon-xing2"></i>
        							<span class="s1">:</span>
        							<span class="s2"></span>
        							<span class="s3">0</span>
        							<span class="s4">极差</span>
        						</p>
        						<p class="p5">按时间排序</p>
        						<div class="px">
        							<p>按时间排序</p>
        							<p>按回应热度排序</p>
        							<p>按回应数量排序</p>
        						</div>
        					</div>
        					<div class="bottom">
        						
        					</div>
        				</div>
        				<div class="tl zzz">
        					<ul>
        						<li class="li1">先看最早的</li>
        						<i></i>
        						<li>先看最新的</li>
        					</ul>
        				</div>
        			</div>
        		</div>
        		<div class="right">
        			<h3>您可能喜欢商品</h3>
        			<div class="line">
        				<div class="d1">
        					<img src="images/p1959283.jpg"/>
        					<p class="p1">ERICD精选2017春夏复古圆框墨镜炫彩反光大框太阳眼镜YJ15708-1黑框</p>
        					<p class="p2">ERICD</p>
        					<p class="p3"><span class="s1">￥199.00</span><span class="s2">￥89.00</span></p>
        				</div>
        				<div class="d2">
        					<img src="images/p1947563.jpg"/>
        					<p class="p1">新荔XINLI 2017夏装新款撸串少女印花T恤</p>
        					<p class="p2">新荔</p>
        					<p class="p3"><span class="s1">￥158.00</span><span class="s2">￥79.00</span></p>
        				</div>
        				<div class="d3">
        					<img src="images/p1947191.jpg"/>
        					<p class="p1">ERICD2017春夏新款SEA海浪高清摄影设计印花T恤</p>
        					<p class="p2">ERICD</p>
        					<p class="p3"><span class="s1">￥258.00</span><span class="s2">￥129.00</span></p>
        				</div>
        				<div class="d4">
        					<img src="images/p1953420.jpg"/>
        					<p class="p1">ERICD精选潮牌欧美街头黑红撞色调节带弯檐帽棒球帽遮阳</p>
        					<p class="p2">ERICD</p>
        					<p class="p3"><span class="s1">￥138.00</span><span class="s2">￥69.00</span></p>
        				</div>
        				<div class="d5">
        					<img src="images/p617143.jpg"/>
        					<p class="p1">ERICD 春季新款太空系列印花T恤</p>
        					<p class="p2">ERICD</p>
        					<p class="p3"><span class="s1">￥258.00</span><span class="s2">￥129.00</span></p>
        				</div>
        			</div>
        		</div>
        	</div>
        </div>
        <script type="text/javascript" src="js/cp2.js">
        	
        </script>
        <!--bottom-->
        <div id="bottom">
            <div class="bottom">
                <div class="top">
                    <ul>
                        <li><a href="">申请入驻</a></li>
                        <li><a href="">豆邮</a></li>
                        <li><a href="">电子邮件</a></li>
                    </ul>
                </div>
                <div class="pot">
                    <span>&copy;2005-2017 douban.com,all rights reserved 北京豆网科技有限公司</span> 
                    <ul>
                        <li><a href="">关于豆瓣 </a>·</li>
                        <li><a href="">在豆瓣工作 </a>·</li>
                        <li><a href="">联系我们 </a>·</li>
                        <li><a href="">免责声明 </a>·</li>
                        <li><a href="">帮助中心 </a>·</li>
                        <li><a href="">移动应用 </a>·</li>
                        <li><a href="">豆瓣广告</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <script type="text/javascript" src="js/cp.js">
        	
        </script>
        <script type="text/javascript" src="js/jquery.cookie.js">
        	
        </script>
    </body>
</html>
